@rem:50rem;

body{
    font-size: 26/@rem;
    // font-family: Arial, Helvetica, sans-serif;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;
    color:#333;
}
a{
    color:#333;
}
.u-red{
    color:#dd3123;
}
.u-tit{
    font-size: 36/@rem;
    line-height: 90/@rem;
    color:#dd3123;
    text-align:center;
}
#product{
    text-indent: -9999/@rem;
}
header{
    position: fixed;
    top:0;
    left:0;
    z-index:99;
    width: 100%;
    height: 88/@rem;
    line-height: 88/@rem;
    background-color: #fff;
    // overflow: hidden;
    .g-hd{
        height:56/@rem;
        padding:16/@rem 34/@rem;
        position: relative;
        // overflow: hidden;
    }
    .m-logo{
        float: left;
        img{
            float: left;
            width:138/@rem;
            height:56/@rem;
            background-size:100%;
        }
    }
    .m-logos{
        float: left;
        img{
            float: left;
            // width:138/@rem;
            height:56/@rem;
            background-size:100%;
            &:nth-of-type(2){
                margin-left: 40/@rem;
            }
        }
    }
    .top-box{
        // float: left;
        display: none;
        position: absolute;
        left:0;
        top:0;
        width: 630/@rem;
        height: 88/@rem;
        // background:#f00;
        background: transparent;
    }
    .btn-menu{
        float: right;
        padding:12/@rem;
        i{
            float: left;
            width: 40/@rem;
            height: 32/@rem;
            background:url(../img/mobile/icon-menu.png) no-repeat;
            background-size:contain;
        }
    }
    .g-menus{
        display: none;
        position: absolute;
        top:108/@rem;
        right:16/@rem;
        span{
            position: absolute;
            right:30/@rem;
            top:-40/@rem;
            width:0;
            height:0;
            border:20/@rem solid transparent;
            border-bottom-color:#fff;
        }
    }
    .m-menus{
        border-radius: 4/@rem;
        li{
            
            // line-height: 60/@rem;
            background-color:#fff;
            // padding:10/@rem;
            border-bottom:2/@rem solid #eee;
            &:nth-of-type(1) a{
                width:100/@rem;
                padding:0 45/@rem;
                // margin:0 auto;
                overflow:hidden;
                // letter-spacing: 30/@rem;
            }
        }
        a{
            display: block;
            // width: 180/@rem;
            padding:10/@rem 20/@rem;
            line-height: 60/@rem;
            font-size: 30/@rem;
            color:#000;
            text-align: center;   
        }
        em{
            font-style: normal;
            
        }
    }
}

.m-banner{
    width: 100%;
    height: 1208/@rem;
    background: url(../img/mobile/m-ban1.jpg) no-repeat;
    background-size: contain;
    position: relative;
    .banner-con{
        padding:312/@rem 50/@rem;
        p{
            color:#fff;
            text-align: center;
        }
        .p-big{
            font-size: 78/@rem;
            line-height: 100/@rem;     
        }
        .p-md{
            font-size: 40/@rem;
            line-height: 80/@rem;
        }
        .p-sm{
            font-size: 24/@rem;
            line-height: 84/@rem;
        }
        .btn-fenqi{
            margin-top: 130/@rem;
            display: block;
            width:650/@rem ;
            height: 90/@rem;
            line-height: 90/@rem;
            text-align: center;
            border-radius: 44/@rem;
            font-size: 32/@rem;
            background-color: #fff;
        }
    }

    .banner-ft{
        position: absolute;
        bottom:58/@rem;
        left:0;
    }
}
.g-bd1{
    h2{
        font-size: 38/@rem;
        line-height: 126/@rem;
        color:#dc3223;
        text-align: center;
        font-weight: 600;
    }
}
.m-service{
    padding: 10/@rem 0;
    width: 716/@rem;
    margin:0 auto;
    overflow: hidden;
    li{
        float: left;
        // width: 340/@rem;
        // margin-bottom: 60/@rem;
        margin:0 20/@rem 60/@rem;
    }
    i{
        float: left;
        width: 36/@rem;
        height: 44/@rem;
        &.icon-insure{
            background:url(../img/mobile/icon-insure.png) no-repeat;
            background-size: 100%;
        }
        &.icon-contract{
            width: 40/@rem;
            background:url(../img/mobile/icon-contract.png) no-repeat;
            background-size: 100%;
        }
        &.icon-verify{
            background:url(../img/mobile/icon-verify.png) no-repeat;
            background-size: 100%;
        }
        &.icon-phone{
            width: 30/@rem;
            background:url(../img/mobile/icon-phone.png) no-repeat;
            background-size: 100%;
        }
    }
    div{
        float: left;
        margin-left: 30/@rem;
    }
    h3{
        line-height: 44/@rem;
        font-size: 32/@rem;
    }
    p{
        width: 250/@rem;
        font-size: 24/@rem;
        color:#9c9c9c;
        line-height: 64/@rem;
    }
}

.m-pic{
    text-align: center;
    img{
        height: 655/@rem;
        // box-shadow:4/@rem 4/@rem 10/@rem #f5f5f5;
    }
}
.m-code{
    margin: 50/@rem 0;
    // margin-top: 50/@rem;
    text-align: center;
    h3{
        font-size: 44/@rem;
        line-height: 70/@rem;
    }
    p{
        font-size: 30/@rem;
        line-height: 60/@rem;
        font-weight: 600;
    }
    img{
        margin-top: 20/@rem;
        width: 344/@rem;
        height: 344/@rem;
    }
    .code-txt{
        font-size: 26/@rem;
        line-height: 30/@rem;
    }
}

.g-bd2{}
.g-partners{
    height: 658/@rem;
    background:url(../img/mobile/bg-partners.jpg) no-repeat;
    background-size: 100%;
}
.m-partners{
    padding: 64/@rem 0;
    width: 650/@rem;
    margin:0 auto;
    text-align: center;
    p{
        font-size: 46/@rem;
        line-height: 72/@rem;
        color:#fff;
        &:nth-of-type(3){
            font-size: 30/@rem;
            line-height: 92/@rem;
        }
    }
    a{
        display: block;
        margin-top: 59/@rem;
        width: 650/@rem;
        height: 88/@rem;
        line-height: 88/@rem;
        border-radius:44/@rem;
        text-align: center;
        font-size: 30/@rem;
        background-color: #fff;
        &.btn-partners{}
        &.btn-downbook{
            width: 642/@rem;
            height:80/@rem;
            background-color: transparent;
            border: 4/@rem solid #fff;
            color:#fff;
        }
    }
    
}

.m-youshi{
    h2{
        font-size: 36/@rem;
        text-align: center;
        line-height: 170/@rem;
    }
    ul{
    }
    li{
        width:662/@rem;
        overflow: hidden;
        margin:0 auto;
        margin-bottom: 50/@rem;
    }
    i{
        float: left;
        width: 72/@rem;
        height: 72/@rem;
        &.icon-youshi{
            background: url(../img/mobile/icon-youshi.png) no-repeat;
            background-size:100%;
        }
        &.icon-money{
            background: url(../img/mobile/icon-money.png) no-repeat;
            background-size:100%;
        }
        &.icon-train{
            background: url(../img/mobile/icon-train.png) no-repeat;
            background-size:100%;
        }
    }
    div{
        float: left;
        width: 530/@rem;
        margin-left: 60/@rem;  
    }
    h3{
        font-size: 44/@rem;
        line-height: 72/@rem;
        font-weight: 500;
    }
    p{
        font-size: 28/@rem;
        line-height: 44/@rem;
        color:#999;
    }
}
.m-case{
    text-align: center;
    margin-bottom: 50/@rem;
    h2{
        line-height: 94/@rem;
        font-size: 36/@rem;
    }
    img{
        width: 580/@rem;
        // height: 320/@rem;
        margin-bottom: 20/@rem;
    }
    p{
        width: 572/@rem;
        margin:0 auto;
        &:nth-of-type(1){
            text-indent: 2em;
            line-height: 42/@rem;
            text-align: left;
        }
        // &:nth-of-type(2){
        //     text-align: center;
        //     font-size: 30/@rem;
        //     line-height: 82/@rem;
        //     // color:#363636;
        //     font-weight: bold;
        // }
        
    }
    .u-more{
        // margin-top: 30/@rem;
        line-height: 82/@rem;
        width:300/@rem;
        margin:30/@rem auto 0;
    }
    .btn-more{
        display: inline-block; 
        // color:#363636;
        width:200/@rem;
        height:60/@rem;
        line-height: 60/@rem;
        text-align: center;
        font-size: 30/@rem;
        font-weight: bold;
        color:#fff;
        background-color: #f00;
        border-radius: 10/@rem;
    }
    
}
.m-about{
    width: 100%;
    height:320/@rem;
    background: #f7f7f7 url(../img/mobile/bg-about.jpg) no-repeat;
    background-size: 100%;
    padding-bottom: 584/@rem;
    position: relative;
    div{
        position: absolute;
        left:50%;
        top:146/@rem;
        margin-left: -290/@rem;
        width: 480/@rem;
        padding:50/@rem;
        background-color: #fff;
        text-align: center;
    }
    img{
        width: 300/@rem;
    }
    h2{
        // width: 410/@rem;
        line-height: 80/@rem;
    }
    p{
        font-size: 32/@rem;
        line-height: 50/@rem;
        &:nth-of-type(2){
            margin-top: 16/@rem;
            font-size: 28/@rem;
            line-height: 36/@rem;
            text-indent: 2em;
            text-align: left;
        }
    }
}
.m-compony{
    ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    li{
        margin-top: 30/@rem;
    }
    a{
        display: flex;
        // justify-content: space-around;
    }
    img{
        width: 340/@rem;
        height:255/@rem;
        // border-radius: 10/@rem;
    }
}
.m-partner{
    padding-bottom:50/@rem;
    h2{
        line-height: 160/@rem;
    }
    ul{
        width: 710/@rem;
        padding:0 20/@rem;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    li{
        margin-bottom: 30/@rem;
    }
    a{
        display: flex;
    }
    img{
        width: 172/@rem;
        height:132/@rem;
    }
}

.g-ft{
    background-color: #2d3e52;
    color:#fff; 
    padding-bottom: 30/@rem;
    .ft-con{
        width: 680/@rem;
        margin:0 auto;
        font-size: 30/@rem;
    }
    h2{
        color:#fff;
    }
    p{
        line-height: 60/@rem;
        overflow: hidden;
        margin-top: 20/@rem;
    }
    a{
        color:#fff;
        // display: flex;
        overflow: hidden;
        &.u-tel{
            font-weight: bold;
        }
    }
    i{
        float: left;
        margin-right: 20/@rem;
        width: 60/@rem;
        height: 60/@rem;
        &.icon-tel{
            background: url(../img/mobile/icon-tel.png) no-repeat;
            background-size:60/@rem 60/@rem;
        }
        &.icon-mail{
            background: url(../img/mobile/icon-email.png) no-repeat;
            background-size:60/@rem 60/@rem;
        }
        &.icon-address{   
            background: url(../img/mobile/icon-address.png) no-repeat;
            background-size:60/@rem 60/@rem;
        }
    }
    // .u-tel{
    //     display: flex;
    //     i{
    //         margin-right: 20/@rem;
    //         width: 60/@rem;
    //         height: 60/@rem;
    //         background: url(../img/mobile/icon-tel.png) no-repeat;
    //         background-size:60/@rem 60/@rem;
    //     }
    // }
    .ft-code{
        // padding:30/@rem auto;
        width:700/@rem;
        margin:0 auto;
        overflow: hidden;
        padding:40/@rem 0;
    }
    img{
        float: left;
        width: 300/@rem;
        margin:0 25/@rem;
    }
    
}

.mask-box{
    display: none;
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height:9230/@rem;
    background:#000;
    opacity: 0.6;
}

.g-books{
    width: 750/@rem;
    img{
        width: 100%;
    }
}

.partners-box{
    display: none;
    position: fixed;
    top:50%;
    left:50%;
    margin-left: -270/@rem;
    margin-top: -301/@rem;
    padding:20/@rem;
    background-color: #fff;
    text-align: center;
    img{
        // width: 100%;
        width: 520/@rem;
    }
    p{       
        line-height: 40/@rem;
        font-size: 30/@rem;   
    }
    a{
        display: block;
        width:400/@rem;
        margin: 10/@rem auto;
        line-height: 70/@rem;  
        overflow: hidden;
        font-weight: bold;
    }
    i{
        float: left;
        width:70/@rem;
        height: 70/@rem;
        background: url(../img/mobile/icon-tel-red.png) no-repeat;
        background-size: 70/@rem 70/@rem;
    }
    span{
        float: left;
        margin-left: 20/@rem;
    }
    

}
/* 放大动画 */
.animated {
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
  }
@keyframes pulse {
	from {
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}

	50% {
	  -webkit-transform: scale3d(1.1, 1.1, 1.1);
	  transform: scale3d(1.1, 1.1, 1.1);
	}

	to {
	  -webkit-transform: scale3d(1, 1, 1);
	  transform: scale3d(1, 1, 1);
	}
}